🦋 Changeset detected

Latest commit: 9d6bbf9

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

🤖 Hello there,

We just published version 2.10.2-pre.0 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

🤖 Hello there,

We just published version 2.10.2 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

So, I think this is the same issue here: #9212

I've updated to 2.10.2, and this does restore the previous behavior, with the exception that returning the error response results in a framework exception (that I suppose would be caught by an ErrorBoundary). Shouldn't this only happen if we throw the response rather than return it?

const response = await fetch('some-url.com')

if (!response.ok) {
  return response; // this acts a throw now
}

// continue processing...

This code before would return as loader/action data, but now it does not 😢

I do not see that behavior. Please open a ne wissue with a reporduction and we can take a look. But my quick attempt works as expected:

// routes/page.tsx
import { useLoaderData } from "@remix-run/react";

export async function loader() {
  const response = await fetch("http://localhost:5173/resource");

  if (!response.ok) {
    return response;
  }

  return { message: "from loader" };
}

export default function Comp() {
  const data = useLoaderData();
  return <p>data: {data?.message}</p>;
}

// routes/resource.tyx
import { json } from "@remix-run/node";

export function loader() {
  return json({ message: "from resource route" }, { status: 500 });
}

I do not see that behavior. Please open a ne wissue with a reporduction and we can take a look. But my quick attempt works as expected:

// routes/page.tsx
import { useLoaderData } from "@remix-run/react";

export async function loader() {
  const response = await fetch("http://localhost:5173/resource");

  if (!response.ok) {
    return response;
  }

  return { message: "from loader" };
}

export default function Comp() {
  const data = useLoaderData();
  return <p>data: {data?.message}</p>;
}

// routes/resource.tyx
import { json } from "@remix-run/node";

export function loader() {
  return json({ message: "from resource route" }, { status: 500 });
}

Hmmm... is it the same for an action function? Not sure if it'll make a difference. This is where I'm currently seeing it happen

Nevermind, it is in a loader where I'm seeing this behavior. I'll investigate my code further and see if I can figure it out. Thanks!